*{
    margin: 0;
    padding: 0;
}
html,body,#root,.roots, .pages,.wrap,.section{
    height: 100%;
    width: 100%;
    overflow: hidden;
    animation-fill-mode: forwards !important;
}
.fugai{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: white;
    z-index: 6;
    animation: touming 4s ;
    animation-fill-mode: forwards;
}
@keyframes touming {
    from{
        opacity: 1;
    }
    to{
        opacity: 0;
    }
}
.yinfu_kai{
    background: url(../assets/images/yinfu_kai.jpg);
    animation: rotates 4s infinite linear;
}
.yinfu_guan{
    background: url(../assets/images/yinfu_guan.jpg);
}
.yinfu{
    width: 0.44rem;
    height: 0.44rem;
    background-size: 0.44rem 0.44rem;
    position: fixed;
    right: 0.1rem;
    top: 0.1rem;
    z-index: 10;
}
@keyframes rotates {
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}


@keyframes nextPage2{
    from{
        transform: translateY(0%);
    }
    to{
        transform: translateY(-100%)
    }
}

@keyframes nextPage1{
    from{
        transform: translateY(0%);
    }
    to{
        transform: translateY(100%)
    }
}